<template>
  <div>
    <van-nav-bar title="分享" fixed />
    <div class="share">
      <img
        v-for="(item, index) in imgList"
        :key="index"
        width="345"
        height="121"
        v-lazy="item.img"
        @click="itemClick(item)"
      />
    </div>

    <tab-bar />
  </div>
</template>
<script>
import TabBar from "views/Tabbar";
export default {
  components: {
    TabBar,
  },
  data() {
    return {
      imgList: [
        { img: require("assets/image/share_item1.png"), next: "shareimg" },
        { img: require("assets/image/share_item2.png"), next: "mybankh" },
        {
          img: require("assets/image/share_item3.png"),
          next: "centralcopywriter",
        },
        { img: require("assets/image/share_item4.png"), next: "newsinfo" },
        { img: require("assets/image/share_item5.png"), next: "handbook" },
      ],
    };
  },
  methods: {
    itemClick(item) {
      console.log("item", item.next);
      this.$router.push(item.next);
    },
  },
};
</script>
<style scoped>
img {
  display: block;
  text-align: center;
  margin: 10px auto;
}
.share {
  margin-top: 46px;
  margin-bottom: 70px;
}
</style>
